<ion-header>
  <ion-toolbar mode="ios" color="care">
    <ion-buttons>
      <ion-back-button defaultHref="/"></ion-back-button>
    </ion-buttons>
    <ion-title>{{ 'MyAppoints' | translate }}</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>

  <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
    <ion-refresher-content></ion-refresher-content>
  </ion-refresher>

  <app-patient-message *ngFor="let item of dataList"
                       [messageLabel]="item.order_time" [nameLabel]="item.dct_nickname"
                       [orderAccept]="item.order_accept" [readLabel]="item.patient_read" [pttEmail]="item.ptt_email"
                       [doctorPhone]="item.dct_phone" [doctorAddress]="item.address"
                       [sysLang]="sysLang" [doctorType]="item.dct_type"
                       (click)="clickOrder(item)">
  </app-patient-message>

  <ion-infinite-scroll threshold="100px" (ionInfinite)="loadData($event)">
    <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="Loading more data...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>
